﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>border-image的水平round效果</title>
  <style type="text/css">
    .border-image {
      width: 150px;
      height: 100px;
      border: 27px solid;
      -webkit-border-image: url(border.png) 27 round stretch;
      -moz-border-image: url(border.png) 27 round stretch;
      -o-border-image: url(border.png) 27 round stretch;
      -ms-border-image: url(border.png) 27 round stretch;
      border-image: url(border.png) 27 round stretch;
    }
  </style>
</head>
<body>
	<div class="border-image"></div>
</body>
</html>